<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<title>E Learning System</title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/fillcolor.css" />
		<link rel="stylesheet" type="text/css" href="css/m.video.css" />
	</head>
	<body id="jSouperApp">
		<div class="body">
			<div class="video">
				浏览器不支持观看此视频
				<video controls="controls" id="video" bind-src="{{$Cache_video.url}}"></video>
			</div>
			<div class="chatbox">
				<div class="title">{{$Cache_video.name}} ———— E learning System</div>
				<div class="box">
				{{#each $Cache_chat_msg_list}}
	                <div class="msgitem {{chatid==$Top.loginer.id&&'focus'}}">
	                    <div class="msg">
							{{#if type==2}}
	                        <img bind-src="{{src}}" />
							{{#else}}
	                        <div class="text">{{msg}}</div>
							{{/if}}
	                        <div class="date">
	                            <b>{{date+" "+name}}</b>
	                        </div>
	                    </div>
	                </div>
				{{/each}}
				</div>
				<div class="replybox">
					<input placeholder="输入聊天内容" bind-input="{{'$Cache_new_msg_text'}}" bind-value="{{$Cache_new_msg_text||''}}" type="text" />
					<div event-click="{{'$Event.up_video_img'}}" class="icon-baocun"></div>
					<button event-click="{{'$Event.send_video_chat_msg'}}">发送</button>
					<input event-change="{{'$Event.send_video_chat_img'}}" type="file" id="video_chat_img" style="display:none" />
				</div>
			</div>
		</div>
	</body>
	<script src="js/lib/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="/js/lib/jquery.cookie.js"></script>
	<script src="js/owl/owl.carousel.js"></script>
	<link rel="stylesheet" href="js/owl/owl.carousel.css">
	<script src="js/vendor/jSouper.min.js"></script>
	<script src="js/vendor/routie.min.js"></script>
	<script type="text/javascript" src="/js/lib/myconfirm.js"></script>
	<script src="/js/lib/fileupload.js"></script>
	<script type="text/javascript" src="js/lib/socket.io.js"></script>
	<script type="text/javascript" src="/js/course_video.js"></script>

</html>